<!-- 头部 -->
<include file="Public:header" />

<!-- 资料认证  侧边/头部 -->
<include file="Public:zlrz_header" />


            <div style="height: 976px;" class="wfor365hls">
                <div class="content-a-settings zlrz" id="CoF1">
                <form class="layui-form" method="post">
                    <div class="lrem x-o" id="tab-identitycard">
                        <div class="o0o desc-F60">
                            向  <font size="12" color="#FF0000">{$laoshi_info.name}</font> 约课请填写约课信息 
                            <br>
                            温馨提示：试听时间默认为一节课/时(40分钟)
                        </div>
                        <div class="o0o cLr editing remo_overflow">
                            <span class="skkm">
                                <label class="star" style="width: 128px;">试听时间<font color="#FF0000">(必选)</font>：</label>
                            </span>
                            <div class="T-subject downlist-subject">
                                <div class="T-subject downlist-subject112" style="width: 80px;">                    
                                    <select name="year" required lay-verify="required">
                                        <option value="" selected=""> - 年 - </option>
                                        <option value="2017">2017</option>
                                        <option value="2018">2018</option>
                                    </select>
                                </div>
                           </div>
                            <div class="T-subject downlist-subject ">
                                <div class="T-subject downlist-subject112" style="width: 80px;">                    
                                    <select name="month" required lay-verify="required">
                                        <option value="" selected=""> - 月 - </option>
                                        <option value="1">1月</option>
                                        <option value="2">2月</option>
                                        <option value="3">3月</option>
                                        <option value="4">4月</option>
                                        <option value="5">5月</option>
                                        <option value="6">6月</option>
                                        <option value="7">7月</option>
                                        <option value="8">8月</option>
                                        <option value="9">9月</option>
                                        <option value="10">10月</option>
                                        <option value="11">11月</option>
                                        <option value="12">12月</option>
                                    </select>
                                </div>
                           </div>
                            <div class="T-subject downlist-subject ">
                                <div class="T-subject downlist-subject112" style="width: 80px;">                    
                                    <select name="date" required lay-verify="required">
                                        <option value="" selected=""> - 日 - </option>
                                        <option value="1">1日</option>
                                        <option value="2">2日</option>
                                        <option value="3">3日</option>
                                        <option value="4">4日</option>
                                        <option value="5">5日</option>
                                        <option value="6">6日</option>
                                        <option value="7">7日</option>
                                        <option value="8">8日</option>
                                        <option value="9">9日</option>
                                        <option value="10">10日</option>
                                        <option value="11">11日</option>
                                        <option value="12">12日</option>
                                        <option value="13">13日</option>
                                        <option value="14">14日</option>
                                        <option value="15">15日</option>
                                        <option value="16">16日</option>
                                        <option value="17">17日</option>
                                        <option value="18">18日</option>
                                        <option value="19">19日</option>
                                        <option value="20">20日</option>
                                        <option value="21">21日</option>
                                        <option value="22">22日</option>
                                        <option value="23">23日</option>
                                        <option value="24">24日</option>
                                        <option value="25">25日</option>
                                        <option value="26">26日</option>
                                        <option value="27">27日</option>
                                        <option value="28">28日</option>
                                        <option value="29">29日</option>
                                        <option value="30">30日</option>
                                        <option value="31">31日</option>
                                    </select>
                                </div>
                           </div>
                            <div class="T-subject downlist-subject ">
                                <div class="T-subject downlist-subject112" style="width: 80px;">                    
                                    <select name="shi" required lay-verify="required">
                                        <option value="" selected=""> - 时 - </option>
                                        <option value="中午">中午</option>
                                        <option value="下午">下午</option>
                                        <option value="晚上">晚上</option>
                                    </select>
                                </div>
                           </div>
                        </div>
                        <div class="o0o cLr editing remo_overflow">
                            <span class="skkm">
                                <label class="star" style="width: 128px;">学生的学习情况：</label>
                            </span>
                            <div class="T-subject downlist-subject">
                                <div class="T-subject downlist-subject112">                    
                                    <select name="paiming" required lay-verify="required">
                                        <option value="" selected=""> - 请选择班级排名 - </option>
                                        <option value="班级靠前">班级靠前</option>
                                        <option value="班级中等偏上">班级中等偏上</option>
                                        <option value="班级中等">班级中等</option>
                                        <option value="班级中等偏下">班级中等偏下</option>
                                        <option value="班级中等">班级靠后</option>
                                    </select>
                                </div>
                           </div>
                            <span class="skkm">
                                <label class="star" style="width: 128px;"> 上课年级：</label>
                            </span>
                            <div class="T-subject downlist-subject ">
                                <div class="T-subject downlist-subject112">                    
                                    <select name="grade" required lay-verify="required" style="width:135px">
                                        <option value="" selected=""> - 选择年级 - </option>
                                    <?php foreach ($grade_info as $c) { ?>
                                        <option value="{$c.grade_name}">{$c.grade_name}</option>
                                    <?php } ?>
                                    </select>
                                </div>
                           </div>
                        </div>

                        <div class="o0o cLr editing">
                            <span class="title-o0o"> 
                                <label class="star" style="width: 128px;">学生性别：</label>
                            </span>
                            <div class="input-tips">
                                <input type="radio" name="sex" value="男" title="男">
                                <input type="radio" name="sex" value="女" title="女">
                            </div>
                        </div>
                        <div class="o0o cLr editing remo_overflow">
                            <span class="skkm">
                                <label class="star" style="width: 128px;">试课区域：</label>
                            </span>
                            <div class="T-subject downlist-subject ">
                                <div class="T-subject downlist-subject112">                    
                                    <select name="city_quyu" required lay-verify="required" style="width:135px">
                                        <option value="" selected=""> - 选择区域 - </option>
                                    <?php foreach ($city_quyu as $c) { ?>
                                        <option value="{$c.city_name}">{$c.city_name}</option>
                                    <?php } ?>
                                    </select>
                                </div>
                           </div>
                        </div>

                        <div class="o0o cLr editing remo_overflow">
                            <span class="skkm">
                                <label class="star" style="width: 128px;">备注信息：<font color="#FF0000">您可以填写一些学生期望补习的内容,目标及对老师的要求</font></label>
                            </span>
                            <div class="textareas">
                                <textarea id="L_content" name="content" class="layui-textarea fly-editor" style="height: 160px;"></textarea>
                                <div style="position:relative; height:38px;">
                                    <p class="tipsfont">
                                        字数必须大于10字，最长不得超过1000字&nbsp;
                                        <span>
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="ls_id" value="{$ls_id}">
                        <input type="hidden" name="ls_subject" value="{$laoshi_info.subject}">
                      <button class="layui-btn layui-btn-warm" lay-filter="*" lay-submit style="position: absolute; left: 50%;">立即提交</button>   
                </div>
                </form>
            </div>
        </div>
<script type="text/javascript">
    layui.use(['form','layer','layedit' ,'laypage', 'element','upload'], function(){
      var layer = layui.layer
      ,laypage = layui.laypage
      ,layedit = layui.layedit
      ,element = layui.element()
      ,upload = layui.upload
      ,form = layui.form();
      //layer.msg('Hello World');

  //创建一个编辑器
  var editIndex = layedit.build('L_content', {height: 132,
                tool: ['strong','italic','underline','del','left', 'center', 'right', '|', 'face','link']
                });

      //交互
    form.on('submit(*)', function(data){
        data.field.content = layedit.getContent(editIndex);
        //捉到所有被选中的，发异步进行删除
      //console.log(arr);
        $.ajax({
            url: "{:U('home/info/jz_order_ls_add')}",//请求地址
            type: "post",//请求方式
            dataType: "json",//返回数据类型
            data: data.field,//发送的参数
            })
            .done(function(response) {
                  if(response.error==0){
                     layer.msg(response.info ,{icon:5});

                  }else{
                     layer.msg(response.info ,{icon:6});
                     location.href = response.url;

                  }
              })
            .fail(function() {
                alert("ajxs交互失败");
            })  

          return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });   

    });
</script>
</html>